<template>
  <div>
      <h1>动物(Animal)</h1>
      <p>name: {{ $route.query.name }}</p>
      <!-- 路由出口 -->
      <!-- 命名视图( named views ) -->
      <router-view name="animalName"></router-view>
      <!-- 未显式指定name的路由出口的名称默认就是 default -->
      <router-view></router-view>
  </div>
</template>

<script>
export default {
    name: 'Animal' 
}
</script>

<style>

</style>